
<template>
  <div class="wrapper-contion">
    <div class="wrapper">
      <div class="Logo-Title">产品数据管理</div>
      <span class="Logo-sub">做好纱线品种与工艺数据管理，<br />提供生产管理所需信息生产管理</span>
    </div>
  <div class="wrapper-white">
      <div class="top-Title">产品数据管理系统（PDM）</div>
      <div class="top-sub"
        >不同于机械制造行业的生产模式，棉纺织企业是流程型生产，产品没有明显的树状结构，一般不便于用树状的层次结构来描述，更多的是以纱线品种来表示。</div>
      <div class="top-image">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/5d7f8f48817f3a7f8a5a5d26f8a3394e.png"
        />
      </div>
      <div class="top-Title">纺织行业产品数据管理</div>
      <div class="top-sub top-sub-midd"
        >主要是指纱线的品种管理，内容侧重于品种的工艺数据。主要分为纺纱和织造两大类。</div>
      <div class="midd-image">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/09af16517caf3b80a853281cf238717f.png"
        />
      </div>
      <div class="top-list-Title">
        <div class="top-left"></div>
        <div class="top-right">纺纱产品数据管理（PDM)</div>
      </div>
      <div class="top-subject">
        指该纱线品种应使用的纤维和配比（配棉工艺，可共享智能配棉ICB系统数据）、混合方法和纺纱方法。具体包括原材料种类、用量、落料、落杂、回花、回丝率等指标，同时按照纱支的技术要求设计相应机台的工艺参数如确定开清点、机器速度、隔距、牵伸倍数、压力、捻向、捻度等。
      </div>
    </div>
    <div class="PDM">
      <div class="PDM-Title">织造的产品数据管理（PDM）</div>
      <div class="PDM-sub">
        主要指织物品种和工艺数据，具体包括织物幅宽、匹长、缩率、经纬密度、捻度、捻向等，以及工艺流经各工序单机的张力、车速、分头、卷绕密度、上浆率、温度、回潮率、综框综丝规格、停经片规模、钢筘号数、经位置线、引纬时间等。</div>
      <div class="PDM-image">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/6d15e40edbc43d73991a79efb8afb2ff.png"
        />
      </div>
    </div>
     <div class="target-wrapper">
      <div class="target-Title">实现目标与价值</div>
      <div class="target-image">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/2aaadb2229bf311ea4b32cbf352872eb.png"
        />
      </div>
      <div class="target-top" >
        <div class="target-top-title ">
          <span class="target-top-txt">加快产品变型设计<br />促进经验共享<br />缩短产品交付周期 40%</span>
        </div>
        <div class="target-top-title ">
          <span class="target-top-txt">提高设计重用率<br />减少变更带来的返工<br />降低研发成本 40%</span>
        </div>
      </div>
      <div class="target-midd">
        <div class="target-midd-img">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/6e63dc25c22c37c680a96a09b7ff496a.png"
          />
        </div>
        <div class="target-midd-img2">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/c169c41ce2fc31e68bfe6331d9f0a0d1.png"
          />
        </div>
      </div>
      <div class="target-line">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/b698333d72c0367a8e1e85c5070ad548.png"
        />
      </div>
      <div class="target-list">
        <div class="target-list-white wow fadeInRight" v-for="(item, index) in listArr" 
        :key="index" data-wow-duration="0.4s" :data-wow-delay="index/3+'s'" 
        :style="{ backgroundImage: 'url(' + item.url + ')', backgroundSize: 'cover' }">
          <div class="target-list-sub">{{ item.sub }}</div>
        </div>
      </div>
      <!-- <div class="target-list">
        <div style="width: 100%; overflow-x: auto">
          <div class="div-item">
            <div class="target-view">
              <div v-for="(item, index) in listArr" :key="index" 
              class="wow fadeInRight" data-wow-duration="0.4s" :data-wow-delay="index/3+'s'">
                <div class="target-list-white" :style="{ backgroundImage: 'url(' + item.url + ')', backgroundSize: 'cover' }">
                  <div class="target-list-sub">{{ item.sub }}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div> -->
      <div class="target-dowm">
        <div class="target-top-title">
          <span class="target-top-txt">跨部门信息共享<br />实现无纸化研发<br />降低沟通成本 75%</span>
        </div>
        <div class="target-top-title">
          <span class="target-top-txt">统一BOM数据源<br />避免变更错误 90%</span>
        </div>
      </div> 
       <div class="target-down-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/492a03126c113fd68f0fa929470d9f4c.png"
        />
      </div>
      <div class="target-down-text"> 增加产品技术附加值 </div>
      <div class="target-midd-two">
        <div class="target-midd-two-img">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/7bbe6809ada43acc9d6f239f9dd28dfa.png"
          />
        </div>
        <div class="target-midd-two-img2">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/09737a15870537afbba24b5d749c8bdb.png"
          />
        </div>
      </div>
    </div> 
  </div>
</template>

<script>
import { WxShare } from '@/utils/share'
import { redirectUrl } from '@/utils/config'
import { WOW } from 'wowjs'

export default {
  data() {
    return {
      listArr: [
        {
          url: 'https://oss.cloudcpc.com/92ba8329918b3a20abc6224210f25090.png',
          sub: '在逻辑上将各个CAX信息化孤岛集成起来，利用计算机系统控制整个产品的开发设计过程，通过逐步建立虚拟的产品模型，最终形成完整的产品描述、生产过程描述以及生产过程控制数据。'
        },
        {
          url: 'https://oss.cloudcpc.com/141da142c0453b44a94249acaf26f7ce.png',
          sub: '以纱线产品为中心，把企业生产过程中所有与纱线相关的信息和过程集成起来统一管理，实现数据的有序规范、设计过程的优化和资源的共享，从而提高效率、降低成本，使企业赢得主动权和竞争优势。'
        },
        {
          url: 'https://oss.cloudcpc.com/0727bcf87b973e5cb9c023220069cad0.png',
          sub: 'PDM系统不仅要管理纱线的数据，并与ERP等生产经营管理系统紧密集成，为纺织企业的生产计划、车间控制、材料采购、财务核算等管理活动提供完整的技术数据基础。'
        }
      ]
    }
  },
  mounted() {
    this.$nextTick(() => {
      let wow = new WOW({
        boxClass: 'wow', /// 动画元件css类（默认为wow）
        animateClass: 'animated', // 动画css类（默认为animated）
        offset: 0, // 到元素距离触发动画（当默认为0）
        mobile: true, // 在移动设备上触发动画（默认为true）
        live: true // 对异步加载的内容进行操作（默认为true）
      })
      // wow.start()
      wow.init()
    })
    // WxShare({
    //   title: '云上展',
    //   desc: '数字展馆一站式服务，文化、品牌、科技、展示、互动、营销多位一体，量身定制虚拟数字解决方案！',
    //   link: `${redirectUrl}${fullPath}`,
    //   imgUrl: 'https://www.2025.net/share.png'
    // })
  },

  methods: {}
}
</script>
<style lang="scss" scoped>
@import './index';
</style>

